<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1{width:200px; height:200px;
background:#F00;
position:absolute; left:100px; top:100px;}

</style>
<script>
var timer=null;
function startMove(){
	var oDiv=document.getElementById('div1');
	clearInterval(timer);
		timer=setInterval(function(){
			if(oDiv.offsetLeft==300){
			
			clearInterval(timer);
			}
		
		else{
		
			oDiv.style.left=oDiv.offsetLeft+2+'px';
		};
	
		
		},30);
		
	};
		
		
	


</script>
</head>

<body>
<input type="button" id="btn1" value="开始运动" onclick="startMove()"  />
<div id="div1"></div>
</body>
</html>
